/* component/order/order.wxss */
.container {
  height: 100%;
  .scroll {
    // padding-left: 20rpx;
    .card {
      position: relative;
      width: 710rpx;
      height: 259rpx;
      margin-top: 30rpx;
      background: #ffffff;
      box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(4, 28, 63, 0.1);
      border-radius: 20rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;
      .content {
        // width: 100%;
        padding: 40rpx;
        // display: flex;
        .top {
          width: 100%;
          display: flex;
          justify-content: space-between;
          .left {
            display: flex;
            .circle {
              width: 80rpx;
              height: 80rpx;
              background: #ff6b6b;
              border-radius: 40rpx;
              color: #ffffff;
              display: flex;
              align-items: center;
              justify-content: center;
            }
            .info {
              display: flex;
              flex-direction: column;
              padding-left: 20rpx;
            }
          }
        }
        .line {
          width: 100%;
          height: 1px;
          background: RGB(107, 110, 107, 0.2);
          margin-top: 20rpx;
          margin-bottom: 20rpx;
        }
        .bottom {
          color: #5194f8;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
      .border {
        position: absolute;
        font-size: 24rpx;
        width: 70rpx;
        height: 50rpx;
        background-color: #5194f8;
          top: 0;
          right: 0;
        // bottom: 0;
        color:#ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 0rpx 10rpx 0rpx 10rpx;
      }
    }
  }
}
